<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
    pageContext.setAttribute("basePath", basePath);
%>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <title>规则说明</title>
</head>
<style>
    html {
        font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        font-size: 62.5%;
        height: 100%;
    }

    body {
        margin: 0;
        font-size: 13px;
        line-height: 1.5;
        color: #6b7886;
        height: 100%;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #f6f7f9;
        position: relative;
    }

    * {
        box-sizing: border-box
    }

    .ui-title, .ui-content {
        position: relative;
        width: 100%;
        background: #fff;
        padding: 2%;
        clear: both;
    }

    .ui-title {
        margin-top: 4%;
        color: #1d1d1d;
        position: relative;
    }

    .ui-title:first-child {
        margin-top: 0;
    }

    .ui-title:before, .ui-title:after {
        top: 44%;
        left: 96%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .ui-title:before {
        margin-left: -36px;
        border-color: rgb(191, 187, 187) rgba(229, 0, 0, 0) rgba(229, 0, 0, 0);
        border-width: 7px;
        margin-left: -7px;
    }

    .ui-title:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #fff;
        border-width: 6px;
        margin-left: -6px;
    }

    .ui-title.down-sign:before, .ui-title.down-sign:after {
        bottom: 45%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        top: inherit;
    }

    .ui-title.down-sign:before {
        border-color: rgba(229, 16, 16, 0);
        border-bottom-color: #c1bebe;
        border-width: 7px;
        margin-left: -7px;
    }

    .ui-title.down-sign:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 6px;
        margin-left: -6px;
    }

    .ui-content {
        border-top: 1px solid #E5E5E5;
        display: none;
    }

    .ui-title.ui-down-show + .ui-content {
        display: block;
    }
</style>
<body>
<div class="ui-down-item">
    <div class="ui-title ui-down-show">收入分成规则</div>
    <div class="ui-content">
        <p>到账收入=用户支付金额x（1-抽成比例）
            抽成根据地区可能会有所不同</p>
    </div>
    <div class="ui-title down-sign">提现规则</div>
    <div class="ui-content" style="display: none;">
        <p>车费冻结期为两天，两天后解冻即可提现。每日提现时间为17:00以前，17:30后系统审核后逐一支付至您的微信钱包。提现手续费0.6%</p>
    </div>
</div>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">
    $(".ui-title").click(function () {
        $(this).toggleClass("down-sign").siblings(".ui-title").removeClass("down-sign");
        $(this).next(".ui-content").slideToggle(300).siblings(".ui-content").slideUp(500);
    })
</script>
</body>
</html>
